<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="js/jq.js"></script>
</head>
<body>
	<header>
    	<div class="row">
            <div class="aui-col-xs-4">
                <img height="20" onClick="window.location='search.html';" src="images/header-search.png">
            </div>
            <div class="aui-col-xs-4">
                <img height="20" src="images/logo.png">
            </div>
            <div class="aui-col-xs-4 aui-text-right right">
                <img class="menu" height="20" src="images/menu.png">
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="menu_list">
        	<div class="list">
                <div class="aui-text-center name"><a href="./">HOME</a></div>
                <div class="aui-text-center name"><a href="">SHOP</a></div>
                <div class="aui-text-center name"><a href="">ABOUT</a></div>
                <div class="aui-text-center name"><a href="news.html">NEWS</a></div>
                <div class="aui-text-center name"><a href="">SERVICE</a></div>
                <div class="aui-text-center img"><a href=""><img height="20" src="images/menu-logo.png"></a></div>
            </div>
        </div>
    </header>
    <div class="banner">
        <img src="images/shop-banner.png">
    </div>
    <div class="nav" style="margin-top:-5px;">
        <div class="aui-col-xs-4 aui-font-center">
            <div class="img"><img height="40" src="images/index-icon01.png"></div>
            <div class="name">FREIGHT</div>
        </div>
        <div class="aui-col-xs-4 aui-font-center">
            <div class="img"><img height="40" src="images/index-icon02.png"></div>
            <div class="name">PAYMENT</div>
        </div>
        <div class="aui-col-xs-4 aui-font-center">
            <div class="img"><img height="40" src="images/index-icon03.png"></div>
            <div class="name">QUALITY</div>
        </div>
        <div class="aui-clearfix"></div>
    </div>
    <div class="shop_list">
        <div class="row aui-font-center">
            <div class="aui-col-xs-6"><img src="images/shop-img01.png"></div>
            <div class="aui-col-xs-6 aui-padded-r-10 aui-padded-l-10">
                <div class="name">DRAMATIC</div>
                <div class="abst">the PRO40 is ideal for studio and performance mixing and ruggedly built for daily use</div>
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="row aui-font-center">
            <div class="aui-col-xs-6 aui-padded-r-10 aui-padded-l-10">
                <div class="name">DRAMATIC</div>
                <div class="abst">the PRO40 is ideal for studio and performance mixing and ruggedly built for daily use</div>
            </div>
            <div class="aui-col-xs-6"><img src="images/shop-img02.png"></div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="row aui-font-center">
            <div class="aui-col-xs-6"><img src="images/shop-img03.png"></div>
            <div class="aui-col-xs-6 aui-padded-r-10 aui-padded-l-10">
                <div class="name">DRAMATIC</div>
                <div class="abst">the PRO40 is ideal for studio and performance mixing and ruggedly built for daily use</div>
            </div>
            <div class="aui-clearfix"></div>
        </div>

        <div class="img_list">
            <div class="big_img"><img src="images/shop-img05.png"></div>
            <div class="small_img">
                <div class="aui-col-xs-6"><img src="images/shop-img05.png"></div>
                <div class="aui-col-xs-6"><img src="images/shop-img06.png"></div>
                <div class="aui-clearfix"></div>
            </div>
        </div>
        <div class="cont_list aui-font-center">
            <div class="aui-col-xs-6">
                <div class="cont_name">包装内容</div>
                <div class="cont_abst">01   munitun 头戴式耳机<br>02   便携盒<br>03  快速入门指南<br>04 保修卡</div>
                <div class="cont_resume">产品支持 | 安全购买指南</div>
            </div>
            <div class="aui-col-xs-6">
                <img src="images/shop-img07.png">
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="pro_list aui-font-center">
            <div class="aui-col-xs-8 aui-padded-r-10">
                <div class="cont_name">产品概览</div>
                <div class="cont_abst">vivid audio with deep bass and vast, symphonic resonance; studio-quality sound for all music genres</div>
                <div class="cont_icon">产品特色</div>
                <div class="cont_icon">技术规格</div>
                <div class="cont_price">
                    <span class="left">$ 499.00</span>
                    <span class="right">PIRCHASE</span>
                </div>
            </div>
            <div class="aui-col-xs-4">
                <img src="images/shop-img08.png">
            </div>
            <div class="aui-clearfix"></div>
        </div>
    </div>
    <footer>
        <div class="search"><input type="text" placeholder="Get Newsletter (email address)"></div>
        <div class="row aui-text-center">
            <a class="cur" href="">HOME</a>
            <a href="">ABOUT</a>
            <a href="">CONTACT</a>
            <a href="">PRIVACY</a>
            <a href="">POLICY</a>
        </div>
        <div class="share aui-text-center"><img height="20" src="images/share.png"></div>
        <div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </footer>
</body>
<script src="js/aui-slide.js"></script>
<script type="text/javascript">
	var slide = new auiSlide({
		container:document.getElementById("aui-slide"),
		// "width":300,
		"height":250,
		"speed":300,
		"autoPlay": 3000,
		"pageShow":true,
		"pageStyle":'dot',
		"loop":true,
		'dotPosition':'center'
	});
	$('.menu').click(function(){
		var Height = $(document).height(); 
		$('.menu_list').css('height',Height+'px').toggle();
	});
	$('.menu_list').click(function(){
		$(this).hide();
	});
</script>
</html>